<template>
  <div>
    <h1>App</h1>

    <h2>{{ $translate("greetings.hello") }}</h2>

    <h2>{{ $translate("chinese") }}</h2>

    <hr />

    <Hello />

    <hr />

    <input v-focus />

    <hr />

    <button>{{ $name }}</button>

    <hr />

    <button>{{ $msg }}</button>

    <button @click="$alert('111')">$alert</button>
  </div>
</template>

<script>
export default {
  name: "App",

  inject: ["$name"],
};
</script>
